/*
 * @Date: 2022-03-30 14:00:03
 * @LastEditors: LiuPeng
 * @LastEditTime: 2022-04-11 10:45:57
 * @LastEditors: LiuPeng
 * @LastEditTime: 2022-03-30 15:35:57
 * @FilePath: \pay\src\components\Info\AgencyPayOrder\AgencyPayOrder.jsx
 * @Description: 代付订单详细信息
 * 
 */

import React from 'react'
import { Row, Col, Input } from 'antd';

import myStyle from './AgencyPayOrder.module.css'
import { modalData } from './../../../initData/AgencyPayOrder'

export default function AgencyPayOrder() {
  // console.log(modalData);
  return (
    <div style={{ 'padding': '10px 5px' }}>

      {/* 第一行 */}
      <Row gutter={[16, 16]}>
        {
          modalData.map((item) => {
            return (
              < Col
                span={12}
                className={myStyle.ColStyle}
                key={item.id}
              >
                <span className={myStyle.Col_first_span}>{item.title}</span>
                <span className={myStyle.Col_second_span}>
                  <Input className={myStyle.Col_Input} disabled value={item.value} />
                </span>
              </Col>
            )
          })
        }

      </Row>

    </div >
  )
}
